<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2431045_hbwl3x53oep.css">
    <link rel="stylesheet" href="CSS/MTK.css">
    <link rel="stylesheet" href="css/TaskPlanningList.css">
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/jquery.js"></script>
    <script src="js/axios.js"></script>
    <!-- <script src="js/jquery-1.12.4.js"></script> -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>GIS控制台</title>
</head>

<body>
    <div id="box">
        <div class="main">
            <div class="main-box1">
                <div class="left">
                    <div class="left-div1 ">
                        <!-- <span></span> -->
                        <img src="image/008.png" alt="">
                        <span><a href="TaskPlanningList.html">计划任务管理</a> </span>
                    </div>
                    <div class="left-div1 left-div2">
                        <div>
                            <img src="image/007.png" alt="">
                            <span><a href="AllStatistics.html">数据中心</a> </span>
                        </div>
                        <div class="left-div1-sp1"><span></span> </div>
                    </div>
                    <div class="left-div3" style="display: none;">
                        <div>
                            <div><span><a href="AllStatistics.html">所有数据</a></span></div>
                        </div>
                        <div>
                            <div><span><a href="AuditableData.html">待审核数据</a></span></div>
                        </div>
                        <div>
                            <div><span><a href="NoLongerAudit.html">不通过再审核</a></span></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mbin">
            <div class="mbin-1">
                <div class="main-box2">
                    <div class="head">
                        <ul>
                            <li>
                                <span>渔业资源管理系统</span>
                                <span class="sp">/</span>
                                <span>计划任务管理</span>
                                <span class="sp">/</span>
                                <span>计划任务管理</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mbin-2">
                <!-- main-box3 -->
                <div class="main-box3">
                    <div>
                        <div class="main-box3-b1">
                            <span>任务名称</span>
                            <div class="b1">
                                <input type="text"><span><span>0</span>/20</span>
                            </div>
                        </div>
                        <div class="main-box3-b2">
                            <span>任务状态</span>
                            <select name="" id="" class="b2">
                                <option value="请选择任务状态">请选择任务状态</option>
                                <option value="全部">全部</option>
                                <option value="未发布">未发布</option>
                                <option value="已发布">已发布</option>
                                <!-- <option value="">已撤回</option> -->
                            </select>
                        </div>
                        <div class="main-box3-b3">
                            <span>查询</span>
                            <span>重置</span>
                        </div>
                    </div>
                </div>
                <!-- main-box3结束 -->
                <!-- main-box4 -->
                <div class="main-box4">
                    <div class="main-box4-header ">
                        <div class="box5">
                            <div class="hearder-1">
                                <span>ID</span>
                                <span>任务计划名称</span>
                            </div>
                            <div class="hearder-2">
                                <span>开始时间</span>
                                <span>结束时间</span>
                            </div>
                            <div class="hearder-3">
                                <span>任务状态</span>
                                <span>计划要求</span>
                            </div>
                            <div class="hearder-4" data-toggle="modal" data-target="#myModal">
                                <span>创建任务计划</span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="asd"> -->
                    <!-- <div class="main-box4-header main-box4-header2 "> -->
                    <!-- <div>
                            <div class=" hearder-11">
                                <span>472</span>
                                <span>阿萨德</span>
                            </div>
                            <div class=" hearder-22">
                                <span>2021-08-30 00:00:00</span>
                                <span>2021-09-23 00:00:00</span>
                            </div>
                            <div class=" hearder-33">
                                <span>未发布</span>
                                <span>测试</span>
                            </div>
                            <div class=" hearder-44">
                                <span>发布</span>
                                <span>启用</span>
                                <span>查看</span>
                                <span>编辑</span>
                            </div>
                        </div> -->
                    <!-- </div> -->
                    <!-- <div class="main-box4-header main-box4-header2">
                        <div>
                            <div class=" hearder-11">
                                <span>472</span>
                                <span>阿萨德</span>
                            </div>
                            <div class=" hearder-22">
                                <span>2021-08-30 00:00:00</span>
                                <span>2021-09-23 00:00:00</span>
                            </div>
                            <div class=" hearder-33">
                                <span>未发布</span>
                                <span>测试</span>
                            </div>
                            <div class=" hearder-44">
                                <span>发布</span>
                                <span>启用</span>
                                <span>查看</span>
                                <span>编辑</span>
                            </div>
                        </div>
                    </div> -->
                    <!-- </div> -->
                </div>
                <!-- main-box4结束 -->
            </div>
            <!-- <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">开始演示模态框</button> -->
            <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">创建任务计划</h4>
                        </div>
                        <div class="mtbox">
                            <div class="main-box3-b1 mtb3">
                                <div class="mtb3-b"><span class="xh">*</span><span>任务名称</span></div>
                                <div class="mtb3-b1">
                                    <div class="">
                                        <input type="text"><span><span>0</span>/20</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="timebox">

                            <div class="wrap ">
                                <div class="aaaas">
                                    <div><span>*</span><span>采集时间</span></div>
                                </div>
                                <div class="wrap-l">
                                    <i class="ali-iconfont ali-iconshizhong"></i>
                                    <div class="wrap-l-starTime inp1Box">
                                        <input class="inp1" name="startTime" type="text" placeholder="开始日期">
                                    </div>
                                </div>
                                <div class="wrap-r">
                                    <i class="ali-iconfont ali-iconshizhong"></i>
                                    <div class="wrap-l-endTime inp1Box">
                                        <input class="inp1" name="endTime" type="text" placeholder="结束日期">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cjBox">
                            <div>
                                <div class="cjb1">
                                    <div>
                                        <span>*</span>
                                        <span>采集区域</span>
                                    </div>
                                </div>
                                <div class="cjb2">
                                    <div>
                                        <select name="" id="">请选择
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="cjb3">
                                    <span>全选</span>
                                    <span>取消全选</span>
                                </div>
                            </div>
                        </div>

                        <div class="yqBox">
                            <div><span>采集要求</span></div>
                            <!-- <div> -->
                            <textarea name="" id="" ></textarea>
                            <!-- </div> -->
                        </div>
                        <div class="fileBox">
                            <div>
                            <div>
                                
                                <div><input type="file"><span>+</span></div>
                            </div>
                            <div class="aa2">
                                <span>保存计划任务</span>
                            </div>
                        </div>
                        </div>

                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">提交更改</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
        </div>

    </div>
    <script src="js/TaskJquery.js"></script>
    <script src="js/takeApi.js"></script>
    <!-- <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script> -->
    <script src="js/moment.js"></script>
    <script src="js/jquery-datePicker.min.js"></script>
    <script src="js/takeTime.js"></script>
</body>

</html>